<template>
    <view :style="themeColor()" class="video-page">
        <video :src="src" autoplay controls enable-play-gesture></video>
    </view>
</template>

<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app';
import { ref } from 'vue';

const src = ref('')

onLoad((option: any) => {
    src.value = option.src ? decodeURIComponent(option.src) : '';
})
</script>

<style lang="scss" scoped>
page {
    background-color: #000;
}
.video-page {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
}
video {
    width: 100%;
}
</style>
